<div class="header">
  <div class="left flex" [routerLink]="['/main']" id="btn-back" style="position: absolute;height: 100%;">
    <div class="left-icon">
      <i class="fa fa-angle-left back-icon" aria-hidden="true"></i>
    </div>
    <div class="left-name">
      <span class="back-name">返回</span>
    </div>
  </div>
  <div class="center">报表</div>
</div>

<div class="main">
  <div style="height: 0.5em;"></div>
  <div class="set-box" [routerLink]="['/main/statistics/single-statistics']">
    <div class="set-head" style="margin-bottom: 0.5em">
      <div class="left"><i class="fa fa-chart-pie" style="color: #0e90d2"></i></div>
      <div class="center">个人下单统计</div>
      <div class="right"><i class="fa fa-chevron-right"></i></div>
    </div>
  </div>
  <div class="set-box" [routerLink]="['/main/statistics/today-count']" *ngIf="staticIds.indexOf('0000000001')!=-1">
    <div class="set-head" style="margin-bottom: 0.5em">
      <div class="left"><i class="fa fa-calendar-alt" style="color:#00a65a"></i></div>
      <div class="center">日结统计台</div>
      <div class="right"><i class="fa fa-chevron-right"></i></div>
    </div>
  </div>
  <div class="set-box" [routerLink]="['/main/statistics/card-count']" *ngIf="staticIds.indexOf('0000000002')!=-1">
    <div class="set-head" style="margin-bottom: 0.5em">
      <div class="left"><i class="fa fa-address-card" style="color:#605ca8"></i></div>
      <div class="center">会员卡统计</div>
      <div class="right"><i class="fa fa-chevron-right"></i></div>
    </div>
  </div>
  <div class="set-box" [routerLink]="['/main/statistics/pay-count']" *ngIf="staticIds.indexOf('0000000003')!=-1">
    <div class="set-head" style="margin-bottom: 0.5em;">
      <div class="left" style="color: #dd4b39"><i class="fa fa-chart-pie"></i></div>
      <div class="center">支付方式统计</div>
      <div class="right"><i class="fa fa-chevron-right"></i></div>
    </div>
  </div>
  <div class="set-box" [routerLink]="['/main/statistics/dishes-count']" *ngIf="staticIds.indexOf('0000000004')!=-1">
    <div class="set-head" style="margin-bottom: 0.5em">
      <div class="left"><i class="fa fa-chart-bar"></i></div>
      <div class="center">菜品销售统计</div>
      <div class="right"><i class="fa fa-chevron-right"></i></div>
    </div>
  </div>
  <div class="set-box" [routerLink]="['/main/statistics/waiter\-count']" *ngIf="staticIds.indexOf('0000000005')!=-1">
    <div class="set-head" style="margin-bottom: 0.5em">
      <div class="left" style="color: #f39c12"><i class="fa fa-chart-line"></i></div>
      <div class="center">服务生点单统计</div>
      <div class="right"><i class="fa fa-chevron-right"></i></div>
    </div>
  </div>
  <div class="set-box" [routerLink]="['/main/statistics/order-record']" *ngIf="staticIds.indexOf('0000000006')!=-1">
    <div class="set-head" style="margin-bottom: 0.5em">
      <div class="left"><i class="fa fa-list-ul" style="color: #ff3860"></i></div>
      <div class="center">订单记录管理</div>
      <div class="right"><i class="fa fa-chevron-right"></i></div>
    </div>
  </div>
  <div class="set-box" [routerLink]="['/main/statistics/order-record',{orderType: '2'}]" *ngIf="staticIds.indexOf('0000000009')!=-1">
    <div class="set-head" style="margin-bottom: 0.5em">
      <div class="left"><i class="fa fa-list-alt" style="color: #00a65a"></i></div>
      <div class="center">招待单订单</div>
      <div class="right"><i class="fa fa-chevron-right"></i></div>
    </div>
  </div>
  <div class="set-box" [routerLink]="['/main/statistics/order-record',{orderType: '3'}]" *ngIf="staticIds.indexOf('0000000007')!=-1">
    <div class="set-head" style="margin-bottom: 0.5em">
      <div class="left"><i class="fa fa-id-badge" style="color: #f39c12"></i></div>
      <div class="center">挂账订单</div>
      <div class="right"><i class="fa fa-chevron-right"></i></div>
    </div>
  </div>
  <div class="set-box" [routerLink]="['/main/statistics/order-record',{orderType: '1'}]" *ngIf="staticIds.indexOf('0000000008')!=-1">
    <div class="set-head" style="margin-bottom: 0.5em">
      <div class="left"><i class="fa fa-file" style="color: #605ca8"></i></div>
      <div class="center">免单订单</div>
      <div class="right"><i class="fa fa-chevron-right"></i></div>
    </div>
  </div>

  <div style="margin-bottom: 6em"></div>
  <div class="table-bottom flex">
    <div class="table-bottom-item" [routerLink]="['/main']" routerLinkActive="link-active">
      <div><i class="fa fa-th-large"></i></div>
      <div>桌台</div>
    </div>
    <div class="table-bottom-item" [routerLink]="['/main/line-up/line-up-submit']" routerLinkActive="link-active">
      <div><i class="fas fa-users"></i></div>
      <div>排队</div>
    </div>
    <div class="table-bottom-item" [routerLink]="['/main/index']" routerLinkActive="link-active">
      <div>
        <!--<i class="fas fa-utensils"></i>-->
        <i class="fas fa-plus-circle" style="font-size: 1.8em;"></i>
      </div>
      <div>去开台</div>
    </div>
    <div class="table-bottom-item active" routerLinkActive="link-active" [routerLink]="['/main/statistics']">
      <div><i class="fa fa-chart-pie"></i></div>
      <div>报表</div>
    </div>
    <div class="table-bottom-item" [routerLink]="['/main/operation/operation-list']" routerLinkActive="link-active">
      <div><i class="fa fa-bars"></i></div>
      <div>操作台</div>
    </div>
  </div>
</div>
